<template>
  <div style="padding: 10px">
    <d-table :data="tableData" :columns="columns" border :showPagination="false"></d-table>
  </div>
</template>

<script lang="ts" setup>
  const tableData = [
    {
      date: '2016-05-03',
      name: 'Tom',
      address: 'No. 189, Grove St, Los Angeles'
    },
    {
      date: '2016-05-02',
      name: 'Tom1',
      address: 'No. 189, Grove St, Los Angeles'
    },
    {
      date: '2016-05-04',
      name: 'Tom2',
      address: 'No. 189, Grove St, Los Angeleshdsiahdiahdohdaodh dhsioahdoahdoahdsoihdadhao'
    }
  ]
  const columns = [
    { label: '日期', prop: 'date' },
    { label: '姓名', prop: 'name' },
    { label: '地址', prop: 'address' }
  ]
</script>
<style scoped lang="scss">
  ::v-deep(.el-table) {
    .even-row {
      background-color: #fae7f0;
    }
    .odd-row {
      background-color: #f8e7d9;
    }
  }
</style>
